package com.nadina.home.client;

import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.HasHorizontalAlignment;
import com.google.gwt.user.client.ui.HorizontalPanel;
import com.google.gwt.user.client.ui.Image;
import com.google.gwt.user.client.ui.VerticalPanel;

public class HomeContent extends Composite{
	
	public HomeContent() {
		VerticalPanel mainPanel=new VerticalPanel();
		mainPanel.setSize("100%", "100%");
		mainPanel.setStyleName("home-style");
		initWidget(mainPanel);
		
		HorizontalPanel panel1=new HorizontalPanel();
		
		panel1.setWidth("100%");
		mainPanel.add(panel1);
		mainPanel.setCellHorizontalAlignment(panel1, HasHorizontalAlignment.ALIGN_RIGHT);
		
		VerticalPanel panel2=new VerticalPanel();
		panel1.add(panel2);
		panel1.setCellHorizontalAlignment(panel2, HasHorizontalAlignment.ALIGN_RIGHT);
		panel1.setCellWidth(panel2, "50%");
		
		
		HTML html_1=new HTML("مرحبا بكم");	
		html_1.setStyleName("hello-style");
		panel2.add(html_1);
		panel2.setCellHorizontalAlignment(html_1, HasHorizontalAlignment.ALIGN_RIGHT);
		panel2.add(new HTML("&nbsp;"));
		HTML html_2=new HTML("يمكنكم موقع الكشاف من العثور على واستكشاف كل ما تريدون عبر اول نظام لتداول وتبادل المعلومات فى مصر");
		html_2.setStyleName("hello-style2");
		html_2.setWordWrap(true);
		panel2.add(html_2);
		panel2.setCellHorizontalAlignment(html_2, HasHorizontalAlignment.ALIGN_RIGHT);
		
		Image html = new Image("image/1.jpg");
		html.setSize("100%", "100%");
		panel1.add(html);
		panel1.setCellHorizontalAlignment(html, HasHorizontalAlignment.ALIGN_RIGHT);
		panel1.setCellWidth(html, "50%");
		
		
		VerticalPanel panel3=new VerticalPanel();
		panel3.setWidth("100%");
		mainPanel.add(panel3);
		
		HTML html_3=new HTML("استمتع بالكشاف فى ثلاث خطوات");
		html_3.setStyleName("hello-style3");
		panel3.add(html_3);
		panel3.setCellHorizontalAlignment(html_3, HasHorizontalAlignment.ALIGN_RIGHT);
		
		
		HorizontalPanel horizontalPanel=new HorizontalPanel();
		//horizontalPanel.setWidth("100%");
		panel3.add(horizontalPanel);
		panel3.setCellHorizontalAlignment(horizontalPanel, HasHorizontalAlignment.ALIGN_RIGHT);
		
		Image image_1=new Image("image/no1.png");
		horizontalPanel.add(image_1);
		horizontalPanel.setCellHorizontalAlignment(image_1, HasHorizontalAlignment.ALIGN_RIGHT);
		//horizontalPanel.setCellWidth(image_1, "3%");
		
		HTML html_4=new HTML("سجل بياناتك الاساسية");
		html_4.setStyleName("hello-style4");		
		horizontalPanel.add(html_4);
		horizontalPanel.setCellHorizontalAlignment(html_4, HasHorizontalAlignment.ALIGN_RIGHT);
		//horizontalPanel.setCellWidth(html_4, "13%");
		
		
		horizontalPanel.add(new HTML("&nbsp;&nbsp;&nbsp;"));
		
		Image image_2=new Image("image/no2.png");
		horizontalPanel.add(image_2);
		horizontalPanel.setCellHorizontalAlignment(image_2, HasHorizontalAlignment.ALIGN_RIGHT);
		//horizontalPanel.setCellWidth(image_2, "3%");
		
		HTML html_5=new HTML("ابدأ باختيار اهتماماتك التى تريد أن تعرف عنها اكتر");
		html_5.setStyleName("hello-style4");
		horizontalPanel.add(html_5);
		horizontalPanel.setCellHorizontalAlignment(html_5, HasHorizontalAlignment.ALIGN_RIGHT);
		//horizontalPanel.setCellWidth(html_5, "13%");
		
		horizontalPanel.add(new HTML("&nbsp;&nbsp;&nbsp;"));
		
		Image image_3=new Image("image/no3.png");
		horizontalPanel.add(image_3);
		horizontalPanel.setCellHorizontalAlignment(image_3, HasHorizontalAlignment.ALIGN_RIGHT);
		//horizontalPanel.setCellWidth(image_3, "3%");
		
		HTML html_6=new HTML("استكشف الكشاف");
		html_6.setStyleName("hello-style4");
		horizontalPanel.add(html_6);
		horizontalPanel.setCellHorizontalAlignment(html_6, HasHorizontalAlignment.ALIGN_RIGHT);
		//horizontalPanel.setCellWidth(html_6, "13%");
		
		Image image_5=new Image("image/Register-button.jpg");
		panel3.add(image_5);
		
	}

}
